﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="search.aspx.cs" Inherits="search" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>Tagger</title>
    <link rel="icon" type="image/ico" href="resources/images/favicon.ico" />
    <link rel="shortcut icon" href="resources/images/favicon.ico" />


    <link href="js/external/bootstrap/css/bootstrap.css" rel="stylesheet" />
    <link href="js/external/bootstrap/css/sticky-footer-navbar.css" rel="stylesheet" />

    <link href="css/default.css" rel="stylesheet" />
    <link href="css/bootstraphack.css" rel="stylesheet" />
    

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->

</head>
<body>
    <div id="wrap">

      <!-- Fixed navbar -->
      <div class="navbar navbar-default" role="navigation">
        <div class="container">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <img src="resources/images/Tagger%20logo_144x144px.png" class="left pull-left" />
            <%--<a class="navbar-brand" href="#">Project name</a>--%>
          </div>
          <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
              <li><a href="search.aspx">Search</a></li>
              <li><a href="#about">Manage Student</a></li>
              <li><a href="#contact">Manage Guardian</a></li>
              <li><a href="#contact">Log Out</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>

      <!-- Begin page content -->
      <div class="container">
        <div class="page-header">
          <h1>Search Student or Guardian</h1>
        </div>
        

        <div id="search">
            <div class="row-fluid">
                <div class="btn-group">
                  <button type="button" class="btn btn-lg btn-default">Search by:</button>
                  <button type="button" class="btn btn-default" style="padding:11.5px" data-toggle="dropdown">
                    <span class="caret"></span>
                    <span class="sr-only">Toggle Dropdown</span>
                  </button>
                  <ul class="dropdown-menu" role="menu">
                    <li><a href="#">Student Information</a></li>
                    <li><a href="#">Guardian Information</a></li>
                  </ul>
                </div>
            </div>
        </div>
          <div>&nbsp;</div>
          <div id="searchStudent">
              <h2>Search Student </h2>
              <p class="lead"></p>
              <div class="row">
                  <div class="col-md-5">
                      <div class="col-md-3">Name:</div>
                      <div class="col-md-2"><input type="text" class="input-width-md" id=""></div>
                  </div>  
                    
              </div>
              <div class="row">
                  <div class="col-md-5">
                      <div class="col-md-3">ID No:</div>
                      <div class="col-md-2"><input type="text" class="input-width-md" id="Text1"></div>
                  </div>  
              </div>
              <div class="row">
                  <div class="col-md-5">
                      <div class="col-md-3">School Year:</div>
                      <div class="col-md-2"><input type="text" class="input-width-md" id="Text2"></div>
                  </div>  
              </div>
              <div class="row">
                  <div class="col-md-5">
                      <div class="col-md-3">&nbsp;</div>
                      <div class="col-md-2"><button type="button" class="btn btn-primary">Search</button></div>
                  </div> 
              </div>
              <div>&nbsp;</div>
              <div id="studentResult">
                  <table class="table table-striped">
                      <tr class="text-bold">
                          <td>Number</td>
                          <td>Full Name</td>
                          <td>Guardian Name</td>
                          <td>Year Level</td>
                          <td>School Year</td>
                          <td>Last Updated</td>
                      </tr>
                      <tr>
                          <td><a href="">123456</a></td>
                          <td><a href="">Malilyn de Normal</a></td>
                          <td>Maxine del Rosario</td>
                          <td>1st Year</td>
                          <td>2007</td>
                          <td>March 23, 2008</td>
                      </tr>
                  </table>  
            
              </div>
          </div>
          <div>&nbsp;</div>
          <div id="sesarchGuardian">
              <h2>Search Guardian</h2>
              <div class="row">
                  <div class="col-md-5">
                      <div class="col-md-3">Name:</div>
                      <div class="col-md-2"><input type="text" class="input-width-md" id="Text3"></div>
                  </div>
              </div>
              <div class="row">
                  <div class="col-md-5">
                      <div class="col-md-3">&nbsp;</div>
                      <div class="col-md-2"><button type="button" class="btn btn-primary">Search</button></div>
                  </div> 
              </div>
              <div>&nbsp;</div>
              <div id="guardianResult" class="col-md-6">
                  <table class="table table-striped">
                      <tr class="text-bold">
                          <td>Full Name</td>
                          <td>No of Students </td>
                      </tr>
                      <tr>
                          <td>Malilyn de Normal</td>
                          <td>2</td>
                      </tr>
                  </table>  
            
              </div>
          </div>
        

      </div>
    </div>
    <!-- Begin page content -->
    <div id="footer">
      <div class="container">
        <p class="text-muted">Place sticky footer content here.</p>
      </div>
    </div>

    <script type="text/javascript" src="js/external/utilities/jquery.2.1.1.min.js"></script>
    <script type="text/javascript" src="js/external/json2.js"></script>
    <script type="text/javascript" src="js/external/bootstrap/js/bootstrap.min.js"></script>
    
    <script type="text/javascript" src="js/ajaxfunctions/ajaxfunctions.js"></script>

    <script type="text/javascript" src="js/standardstyler.js"></script>
    <script type="text/javascript" src="js/default.js"></script>

    <script type="text/javascript">
        jQuery.noConflict();
    </script>
</body>
</html>
